/* 列表 */
#listText{
  text-align: center;
}
.list-li{
  position: relative;
  display: inline-block;
  width: 180px;
  height: 250px;
  margin: 10px;
  padding: 15px 20px;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  float: left;
  &>.bg{
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin-top: -15px;
    margin-left: -20px;
  }
  &>.bd{
    margin: 10px 0 15px 0;
  }
  &>.img-box{
    position: relative;
    width: 140px;
    height: 140px;
    line-height: 140px;
    margin-bottom: 15px;
    text-align: center;
    opacity: .8;
    &>img{
      max-width: 90%;
      max-height: 90%;
      *margin-top: ~"expression((140 - this.height ) / 2)"; /* CSS表达式用来兼容IE6/IE7 */
      vertical-align:middle;
    }
    &>b.top:before,
    &>b.top:after,
    &>b.bottom:before,
    &>b.bottom:after{
      content: '';
      position: absolute;
      display: inline-block;
    }
    &>b.top:before,
    &>b.bottom:before{
      width: 138px;
      height: 12px;
      left: 0;
    }
    &>b.top:before{
      top: 0;
    }
    &>b.bottom:before{
      bottom: 0;
    }
    &>b.top:after,
    &>b.bottom:after{
      width: 12px;
      height: 138px;
      top: 0;
    }
    &>b.top:after{
      left: 0;
    }
    &>b.bottom:after{
      right: 0;
    }
  }
}